(function(){
    'use strict';

    var moduleB = angular.module('moduleB',[]);


    moduleB.controller('moduleBCtrl',function($scope){

        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('moduleBchart'));

        // 指定图表的配置项和数据
        var option = {
            title : {
                text: '南丁格尔玫瑰图',
                subtext: '纯属虚构',
                x:'center'
            },
            tooltip : {
                trigger: 'item',
                formatter: "{a} <br/>{b} : {c} ({d}%)"
            },
            legend: {
                x : 'center',
                y : 'bottom',
                data:['rose1','rose2','rose3','rose4','rose5','rose6','rose7','rose8']
            },
            toolbox: {
                show : true,
                feature : {
                    mark : {show: true},
                    dataView : {show: true, readOnly: false},
                    magicType : {
                        show: true,
                        type: ['pie', 'funnel']
                    },
                    restore : {show: true},
                    saveAsImage : {show: true}
                }
            },
            calculable : true,
            series : [
                {
                    name:'半径模式',
                    type:'pie',
                    radius : [20, 110],
                    center : ['25%', '50%'],
                    roseType : 'radius',
                    label: {
                        normal: {
                            show: false
                        },
                        emphasis: {
                            show: true
                        }
                    },
                    lableLine: {
                        normal: {
                            show: false
                        },
                        emphasis: {
                            show: true
                        }
                    },
                    data:[
                        {value:10, name:'rose1'},
                        {value:5, name:'rose2'},
                        {value:15, name:'rose3'},
                        {value:25, name:'rose4'},
                        {value:20, name:'rose5'},
                        {value:35, name:'rose6'},
                        {value:30, name:'rose7'},
                        {value:40, name:'rose8'}
                    ]
                },
                {
                    name:'面积模式',
                    type:'pie',
                    radius : [30, 110],
                    center : ['75%', '50%'],
                    roseType : 'area',
                    data:[
                        {value:10, name:'rose1'},
                        {value:5, name:'rose2'},
                        {value:15, name:'rose3'},
                        {value:25, name:'rose4'},
                        {value:20, name:'rose5'},
                        {value:35, name:'rose6'},
                        {value:30, name:'rose7'},
                        {value:40, name:'rose8'}
                    ]
                }
            ]
        };

        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);

        console.log('moduleB');

        /**
         * 以下为每一个主页组件必须配置的配置项,以实现具体功能
         *
         */
        var moduleId = $scope.widget.id;
        //配置一个刷新方法
        var moduleRefresh = function(){
            console.log(myChart);
        };
        var moduleResize = function(){
            myChart.resize();
        };
        $(window).resize(moduleResize);
        //向主页代理注册resize方法
        HomepageDelegate.registerDelegate(moduleId,"resize",moduleResize);
        //向主页代理注册刷新方法
        HomepageDelegate.registerDelegate(moduleId,'update',moduleRefresh);

    });

})();
